$('.container >div >span').first().on('click', function (e) {
    let target = e.target || e.srcElement
    $(target).css('color', 'red')
    $('.container >div >span').last().attr('style', '')
    // removeClass('color')
    $('.login-1').css('display', 'block')
    $('.login-2').css('display', 'none')

})
$('.container >div >span').last().on('click', function (e) {
    let target = e.target || e.srcElement
    $(target).css('color', 'red')
    $('.container >div >span').first().attr('style', '')
    // $('.container >div >span').first().removeClass('color')
    $('.login-2').css('display', 'block')
    $('.login-1').css('display', 'none')
})
// 返回首页
$('.return1').on('click', function (e) {
    // alert('add')
    e = e || window.event
    e.preventDefault()
    location.href = './index.html'
})
// 登录验证
function checkUserNameNull() {
    if ($('.login-1>input[name="username"]').val() == '') {
        $('.login-1>.usernameMsg').html('用户名不能为空')
        return false
    } else {
        let reg = /[0-9a-zA-Z]{4,}/
        if (reg.test($('.login-1>input[name="username"]').val())) {
            return true
        } else {
            $('.login-1>.usernameMsg').html('用户名必须是数字和字母开头，且至少4位')
            return false
        }
    }
}

function checkPasswordNull() {
    if ($('.login-1>input[name="password"]').val() == '') {
        $('.login-1>.pswMsg').html('密码不能为空')
        return false
    } else {
        let reg = /[0-9a-zA-Z]{4,}/
        if (reg.test($('.login-1>input[name="password"]').val())) {
            return true
        } else {
            $('.login-1>.pswMsg').html('用户名必须是数字和字母开头，且至少4位')
            return false
        }
    }
}
//用户名失去焦点非空验证
$('.login-1>input[name="username"]').blur(function () {
    checkUserNameNull()
})
//密码失去焦点非空验证
$('.login-1>input[name="password"]').blur(function () {
    checkPasswordNull()
})

// 注册功能
$('.login-2').on('submit', async function (e) {

    e = e || window.event
    e.preventDefault()
    let data = await myPromise({
        method: 'post',
        url: 'http://api.yuguoxy.com/api/member/add',
        data: {
            username: $('input[name="username"]').val(),
            password: $('input[name="password"]').val()
           
        }
    })
    console.log(data);
    if (data.resultCode == 1) {
        let user = data.resultInfo
        localStorage.setItem('user', JSON.stringify(user))
        alert('注册成功')
        $('.login-2').css('display', 'none')
        $('.login-1').css('display', 'block')
    } else {
        alert('用户名或密码出错')
    }
})